﻿@section Styles
{
    <environment names="Development">
        <link rel="stylesheet" href="~/view-resources/Areas/AppAreaName/Views/Notifications/Index.css" asp-append-version="true" />
    </environment>

    <environment names="Staging,Production">
        <link rel="stylesheet" href="~/view-resources/Areas/AppAreaName/Views/Notifications/Index.min.css" asp-append-version="true" />
    </environment>
}
@section Scripts
{
    <environment names="Development">
        <script src="~/view-resources/Areas/AppAreaName/Views/Notifications/Index.js" asp-append-version="true"></script>
    </environment>

    <environment names="Staging,Production">
        <script src="~/view-resources/Areas/AppAreaName/Views/Notifications/Index.min.js" asp-append-version="true"></script>
    </environment>
}
<div>
    <div class="row margin-bottom-5">
        <div class="col-xs-6">
            <div class="page-head">
                <div class="page-title">
                    <h1>
                        <span>@L("Notifications")</span>
                    </h1>
                </div>
            </div>
        </div>
        <div class="col-xs-6 text-right">
            <button class="btn green" id="btnOpenNotificationSettingsModal"><i class="fa fa-cog"></i> @L("NotificationSettings")</button>
            <button class="btn btn-primary blue" id="btnSetAllNotificationsAsRead"><i class="fa fa-check"></i> @L("SetAllAsRead")</button>
        </div>
    </div>
    <div class="portlet light margin-bottom-0">
        <div class="portlet-title portlet-title-filter">
            <div class="inputs inputs-full-width">
                <div class="portlet-input">
                    <form>
                        <div class="row">
                            <div class="col-xs-6">
                                <div class="form-group">
                                    <select id="TargetValueFilterSelectionCombobox" class="form-control bs-select">
                                        <option value="">@L("All")</option>
                                        <option value="UNREAD">@L("Unread")</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-xs-6">
                                <div class="form-group">
                                    <button id="RefreshNotificationTableButton" class="btn btn-primary blue"><i class="fa fa-refresh"></i> @L("Refresh")</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="portlet-body">
            <table id="NotificationsTable" class="display table table-striped table-bordered table-hover dt-responsive nowrap">
                <thead>
                    <tr>
                        <th>@L("Actions")</th>
                        <th>@L("Notification")</th>
                        <th>@L("CreationTime")</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>